//把observer对象，监听数据的变化
class Observer {
    constructor(data) {
        this.walk(data)
    }


    walk(data) {
        //1. 判断data是否是对象
        if (!data || typeof data !== "object") {
            return
        }

        // 遍历data对象的所有属性
        Object.keys(data).forEach(key => {
            this.defineReactive(data, key, data[key])
        });
    }

    defineReactive(obj, key, val) {
        let that = this

        //负责收集依赖，并发送通知
        let dep = new Dep();

        //判断val如果是对象,也需要将这个对象的所有属性转换成响应式数据  
        this.walk(val)

        // Object.defineProperty(obj, prop, descriptor)
        // obj，表示要定义属性的对象,
        // prop，是要定义或者更改的属性名字，
        // descriptor,描述符，来定义属性的具体描述
        Object.defineProperty(obj, key, {
            enumerable: true,
            configurable: true,
            get() {
                //收集依赖
                Dep.target && dep.addSub(Dep.target)
                return val
            },
            set(newValue) {
                if (newValue === val) {
                    return
                }
                val = newValue
                that.walk(newValue)

                //发送通知，进行更新
                dep.notify()
            }
        })
    }
}